<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<title></title>
	</head>
	<body>
		<div class="nav_con">
			<img class="nav_icon float_l" src="img/nav_icon_bar@2x.png"> 爱好
			<div class="clear"></div>
		</div>
		<div class="ah_con">
			<p class="ah_tille">选择自己的爱好</p>
			<div class="ah_list_con">
				<div class="ah float_l">
					 <p>羽毛球</p>
				</div>
				<div class="ah float_l" >
					<p style="color: #ffffff;background: #B12F41;">篮球</p>
				</div>
				<div class="ah float_l">
					<p>跑步</p>
				</div>
				<div class="ah float_l">
					<p>健身</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="ah_list_con">
				<div class="ah float_l">
					<p>派对</p>
				</div>
				<div class="ah float_l">
					<p>睡觉</p>
				</div>
				<div class="ah float_l">
					<p>午餐</p>
				</div>
				<div class="ah float_l">
					<p>乒乓球</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="ah_list_con">
				<div class="ah float_l">
					<p>游泳</p>
				</div>
				<div class="ah float_l">
					<p>购物</p>
				</div>
				<div class="ah float_l" >
					<p style="color: #ffffff;background: #B12F41;">绘画</p>
				</div>
				<div class="ah float_l">
					<p>CS</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="ah_list_con">
				<div class="ah float_l">
					<p>看电影</p>
				</div>
				<div class="ah float_l">
					<p>桌球</p>
				</div>
				<div class="ah float_l">
					<p>保龄球</p>
				</div>
				<div class="ah float_l">
					<p>游戏</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="ah_list_con">
				<div class="ah float_l">
					<p>跑酷</p>
				</div>
				<div class="ah float_l" >
					<p style="color: #ffffff;background: #B12F41;">追剧</p>
				</div>
				<div class="ah float_l">
					<p>养生</p>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</body>

</html>